A typeahead example that gets values from the <code>WikipediaService</code>
<ul>
	<li>remote data retrieval</li>
	<li><code>debounceTime</code> operator</li>
	<li><code>tap</code> operator</li>
	<li><code>distinctUntilChanged</code> operator</li>
	<li><code>switchMap</code> operator</li>
	<li><code>catch</code> operator to display an error message in case of connectivity issue</li>
</ul>

<fieldset>
	<div class="mb-3 row">
		<label for="typeahead-http" class="col-xs-3 col-sm-auto col-form-label">Search for a wiki page:</label>
		<div class="col">
			<input
				id="typeahead-http"
				type="text"
				class="form-control"
				[class.is-invalid]="searchFailed"
				[(ngModel)]="model"
				[ngbTypeahead]="search"
				placeholder="Wikipedia search"
			/>
			@if (searching) {
				<small class="form-text text-muted">searching...</small>
			}
			@if (searchFailed) {
				<div class="invalid-feedback">Sorry, suggestions could not be loaded.</div>
			}
		</div>
	</div>
</fieldset>

<hr />
<pre>Model: {{ model | json }}</pre>
